<template>
	<view class="content">
		<!--充值状态-->
		<view class="content_1">
			<view class="recharge_state">
				<image class="success_icon" src="../../../../../static/mine/purse/success.svg"></image>
				<view class="success_text">充值成功</view>
			</view>
		</view>
		<view class="line"></view>
		<!--充值金额、方式-->
		<view class="content_2">
			<view class="recharge_view">
				<view class="recharge_name">充值金额</view>
				<view class="recharge_text">¥{{money}}</view>
			</view>
			<view class="recharge_view">
				<view class="recharge_name">充值方式</view>
				<view class="recharge_text">微信支付</view>
			</view>
		</view>
		<!--完成-->
		<view class="content_3">
			<view class="success_btn" @click="toIndex">完成</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: '',
			}
		},
		methods: {
			//	成功 返回钱包页面
			toIndex: function() {
				uni.redirectTo({
				    url: '/pages/mine/purse/purse'
				});
			}
		},
		onLoad(option) {
			//获取充值页面传过来的money
			console.log(option)
			this.money = option.money
		}
	}
</script>

<style>
	page {
		background-color: #F9F9F9;
	}

	/*
		充值状态样式
	*/
	.content_1 {
		margin: 40upx 0upx;
	}

	.recharge_state {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.success_icon {
		width: 140upx;
		height: 140upx;
		margin-bottom: 40upx;
	}

	.success_text {
		height: 58upx;
		line-height: 58upx;
		font-size: 40upx;
		color: #63D0D5;
	}

	.line {
		height: 2upx;
		background-color: #E1E1E1;
		margin: 0 20upx;
	}

	/*
		充值金额、方式样式
	*/

	.content_2 {
		display: flex;
		flex-direction: column;
		margin: 0 40upx;
		margin-bottom: 30upx;
	}

	.recharge_view {
		height: 88upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.recharge_name {
		height: 88upx;
		line-height: 88upx;
		font-size: 28upx;
		color: #999999;
	}

	.recharge_text {
		height: 88upx;
		line-height: 88upx;
		font-size: 28upx;
		color: #999999;
	}

	/*
		完成按钮样式
	*/
	.content_3 {
		margin: 0 20upx;
	}

	.success_btn {
		height: 100upx;
		line-height: 100upx;
		text-align: center;
		font-size: 36upx;
		color: #FFFFFF;
		border-radius: 8upx;
		background-color: #63D0D5;
	}
</style>
